<template>
  <view class="paper-list">
    <view 
      class="paper-item" 
      v-for="item in paperData" 
      :key="item.id"
    >
      <view class="paper-info">
        <text class="paper-title">{{item.paperName}}</text>
        <text class="paper-detail">{{item.subjectName}}：{{item.paperScore}} 时间：{{item.createTime}}</text>
      </view>
      <text class="operate" >去查看</text>
    </view>
  </view>
</template>

<script>
	import http from '../../http';
export default {
  data() {
    return {
		page:{
			pageIndex:1,
			pageSize:10
		},
      paperData: []
    };
  },
  methods: {
	  getrecordList() {
	  	http({
	  		url: "/api/student/exampaper/answer/pageList",
	  		method: "post",
	  		data:this.page
	  	}).then(res => {
	  		console.log(res);
	  		if (res.code === 1) {
	  			this.paperData = res.response.list
	  		}
	  	})
	  },
  },
  onLoad() {
  	this.getrecordList()
  }
};
</script>

<style scoped>
.paper-list {
  padding: 15rpx;
}
.paper-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15rpx;
  border-bottom: 1px solid #f5f5f5;
}
.paper-info {
  display: flex;
  flex-direction: column;
}
.paper-title {
  font-size: 28rpx;
  font-weight: bold;
  margin-bottom: 5rpx;
}
.paper-detail {
  font-size: 24rpx;
  color: #999;
}
.operate {
  font-size: 24rpx;
  color: #007aff;
}
</style>